<!-- 首页 -->
<template>
    <el-row>
        <el-col :span="20">
            <RotationChartComponent class="rotation_chart" />
        </el-col>
        
        <AdvertisementImg style="margin-left: 20px;"/>
        
        <el-col :span="24" style="margin-top: 20px;">
            <img src="http://demo-mp3.oss-cn-shenzhen.aliyuncs.com/egg-edu-demo/5f63baebb94c35eab781.jpg" style="margin-left: 20px;width:1160px;"/>
        </el-col>
        <el-col :span="24" style="margin-top: 30px;margin-left: 20px;">
            <CourseComponent/>
        </el-col>
        <el-col :span="24" style="margin-top: 30px;margin-left: 20px;">
            <EBookComponent/>
        </el-col>

    </el-row>
</template>

<script setup>
import RotationChartComponent from './RotationChartComponent.vue';

import AdvertisementImg from './AdvertisementImg.vue';
import CourseComponent from '../components/childComponents/CourseComponent.vue'
import EBookComponent from './childComponents/EBookComponent.vue';

</script>
<style scoped>
.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}

.rotation_chart{
    margin-bottom: 20px;
}




</style>